<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/jquery/jquery-1.10.2.min_65682a2.js"></script>


        <script src="js/reg.js"></script>

		<style>
			body {
				background: #F4F4F4;
			}

			* {
				margin: 0px;
				padding: 0px;
			}

			.div_zheng {
				background: linear-gradient(#FFFFFF, #FFFFFF, #FFFFFF, #F4F4F4);
				box-shadow: 5px 5px 5px 5px #C1C1C1;
				width:100%;
				height: 600px;
				border-radius: 10px;
				margin: 10px auto;
		
			}

			h3 {
				box-shadow: 0 2px #EAEAEA;
				background: #F9F9F9;
				height: 60px;
				line-height: 60px;
				text-align: center;
				border-radius: 10px 10px 0 0;
			}

			.inputdiv {
			    width: 90%;
				border-radius: 10px ;
				border: 1px solid #F4F4F4;
				margin: 10px 20px 10px 20px;
				height: 40px;		
			    
			}
			.reg_btn{
                width:90%;
                height:40px; 
  
			    background:#B7C8EB;
			    margin:10px 20px;
			    text-align:center;
			    line-height:40px;
			    color:white;
			    border-radius:10px;
			    cursor:pointer;
                 }
                .mui-table-view .mui-table-view-cell{
				    list-style: none;
				 } 
				.inputdivs{
					margin: 10px 20px 10px 18px;
					height: 40px;		
				}
   	    #input{
		 background: url(30.png)no-repeat 2px;
	   }
		#yzm{
		    background: url(00.png)no-repeat 1px;
		
		}
		#mima2{
			background: url(0.png)no-repeat 3px;
			}
		#mima{
			background: url(0.png)no-repeat 4px;
		}
		#phone_info,
		#yzm_info,
		#mima2_info,
		#mima_info{
			width: 90%;
			margin:20px ;
		}
	
		</style>
	</head>
	<body>
		<div class="div_zheng">
			<h3>注册 Smartisan ID</h3>
			<div class="inputdiv" id="input">
				<span id="s1" onclick="toSelectCountry()" style="padding-left: 40px;margin-top:10px ; width: 40%;">+86</span> <input id="phone"
				 placeholder="手机号" onblur="check_phone()" style=" border: none;outline:none;padding-top:15px ;text-indent: 1em;" />
				
			</div><div id="phone_info"></div>
			<div id="sheet1" class="mui-popover mui-popover-bottom mui-popover-action " />
			<!-- 可选择菜单 -->
				
						<div class="inputdivs">
							<input onblur="check_yzm()" placeholder="短信验证码" id="yzm" style="height: 40px; border: 1px solid #F4F4F4;border-radius:10px ;width: 37%; outline: none;text-indent: 4em;" />
		
<input id="yzm_btn" onclick="getYZM()" value="获取验证码" type="button" style="height: 40px; border: 1px solid #F4F4F4;border-radius:10px ;width: 37%; outline: none;margin-left: 3%;" />
						</div>
				     	<div id="yzm_info"></div>

			
			<!-- 取消菜单 -->

		</div>
		<div class="inputdiv" >
			<input style="height:40px;border:1px solid #ccc;border-radius:5px;padding:10px;box-sizing:border-box;outline:none; border: none;text-indent: 4em;"
			 onblur="check_mima()" placeholder="密码" id="mima" />
		</div>
		<div id="mima_info"></div>
		<div class="inputdiv">
			<input onblur="check_mima2()" placeholder="确认密码" id="mima2" style="height: 40px;margin-left: 4px; border: none;outline: none;text-indent: 4em;" />
		
		</div>
        <div id="mima2_info"></div>
		<div class="reg_btn" onclick="reg()">注册</div>


		<script type="text/javascript" src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/jquery/jquery-1.10.2.min_65682a2.js"></script>

		<script src="reg.js"></script>





		</div>
	</body>
</html>
